<%--
  Created by IntelliJ IDEA.
  User: LH
  Date: 2021-12-20 0020
  Time: 18:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>

<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset='utf-8'>
    <meta name="author" content="order by dede58.com"/>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="css/base.css" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/css/common.css" />
    <script src="js/jquery-1.8.3.min.js" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.js" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/js/jquery.SuperSlide.2.1.js"></script>
</head>

<body>
<!--header star-->
<div class="header clearfix">
    <div class="top clearfix">
        <div class="topctent clearfix">
            <div class="left clearfix fl">
                公告：您好，欢迎登录北京檀卡文化发展有限公司
            </div>
            <div class="right clearfix fr">
                <div class="zuo clearfix fl">
                    <ul class="clearfix fl">
                        <li>
                            <span class="fl">欢迎</span>
                            <a href="grxx.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/grxx.html" class="fl">瑾晨0212</a>
                            <span class="fl">进入商城</span>
                        </li>
                        <li>
                            <a href="register.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/register.html">
                                免费注册
                            </a>
                        </li>
                        <li>
                            <a href="settled.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/settled.html">
                                艺术家入驻
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="shopcar-btn clearfix fl">
                    <a href="shopping.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/shopping.html" class="box-s">
                        购物车（0）
                    </a>
                </div>
                <div class="fenxiang clearfix fl">
                    <span class="fl">分享到：</span>
                    <ul class="clearfix fl">
                        <li>
                            <a href="#"><img src="img/sina.png" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/img/sina.png" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/qq.png" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/img/qq.png" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/wechat.png" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/img/wechat.png" /></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom clearfix">
        <div class="logo clearfix">
            <a href="index.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/index.html"></a>
        </div>
        <div class="search clearfix fr ra5">
            <input type="text" class="fl" name="" id="" value="" placeholder="请输入您要搜索的内容" />
            <input type="button" name="" id="" value="搜索" class="fl box-s" />
        </div>
    </div>
</div>
<!--header end-->

<!--navbar star-->
<div class="navbar clearfix">
    <div class="content clearfix">
        <ul>
            <li class="cur">
                <a href="index.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/index.html">首页</a>
            </li>
            <li>
                <a href="special.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/special.html">专场</a>
            </li>
            <li>
                <a href="mall.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/mall.html">商城</a>
            </li>
            <li>
                <a href="artist.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/artist.html">艺术家</a>
            </li>
        </ul>
    </div>
</div>
<!--navbar end-->

<!--Main-wrap-->
<div class="main-wrap graybg clearfix">
    <div class="wrapper pt40 pb40 clearfix">
        <div class="fl slide-nav white-box">
            <ul>
                <li class="on">
                    <a href="grxx.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/grxx.html" class="db fs16">个人信息</a>
                </li>
                <li>
                    <a href="wddd.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/wddd.html" class="db fs16">我的订单</a>
                </li>
                <li>
                    <a href="pjsd.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/pjsd.html" class="db fs16">评价晒单</a>
                </li>
                <li>
                    <a href="shdz.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/shdz.html" class="db fs16">收货地址</a>
                </li>
                <li>
                    <a href="wdsc.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/wdsc.html" class="db fs16">我的收藏</a>
                </li>
                <li>
                    <a href="wdgz.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/wdgz.html" class="db fs16">我的关注</a>
                </li>
                <li>
                    <a href="xgmm.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/xgmm.html" class="db fs16">修改密码</a>
                </li>
                <li>
                    <a href="zhye.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/zhye.html" class="db fs16">账户余额</a>
                </li>
                <li>
                    <a href="zxcz.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/zxcz.html" class="db fs16">在线充值</a>
                </li>
                <li>
                    <a href="lljl.jsp" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/lljl.html" class="db fs16">退货记录</a>
                </li>
                <li>
                    <a href="zixun.jsp" class="db fs16">我的咨询</a>
                </li>
                <li>
                    <a href="znx.jsp" class="db fs16">站内信</a>
                </li>
            </ul>
        </div>
        <div class="fr slide-show white-box">
            <div class="dark-tit line-bot clearfix">
                <h3 class="fl fs26">个人信息</h3>
            </div>
            <div class="user-info mt50 clearfix">
                <form action="" id="frm">
                    <div class="fl base-info">
                        <ul>
                            <li>
                                <label class="fl l-option">姓名：</label><input type="text" name="contain_userName" value="${sessionScope.userName}" class="fl ml10" placeholder="">
                            </li>
                            <li>
                                <label class="fl l-option">生日：</label>
                                <div class="fl ml10 sel_wrap">
                                    <em></em>
                                    <label>1991</label>
                                    <select class="select" name="" id=" ">
                                        <option value="0">1991</option>
                                        <option value="1">1992</option>
                                    </select>
                                </div>
                                <label class="fl ml5 fs14">年</label>
                                <div class="fl ml5 sel_wrap">
                                    <em></em>
                                    <label>01</label>
                                    <select class="select" name="" id=" ">
                                        <option value="0">01</option>
                                        <option value="1">02</option>
                                    </select>
                                </div>
                                <label class="fl ml5 fs14">月</label>
                                <div class="fl ml5 sel_wrap">
                                    <em></em>
                                    <label>01</label>
                                    <select class="select" name="" id=" ">
                                        <option value="0">01</option>
                                        <option value="1">02</option>
                                    </select>
                                </div>
                                <label class="fl ml5 fs14">日</label>

                            </li>
                            <li class="radio-li">
                                <label class="fl l-option">性别：</label>
                                <div class="radio-box">
                                    <input type="radio" class="radio-inline" checked><label class="fs14">男</label>
                                    <input type="radio" class="ml10 radio-inline"><label class="fs14">女</label>
                                </div>
                            </li>
                            <li>
                                <label class="fl l-option">电话：</label><input name="telephone" type="text" class="fl ml10" placeholder="">
                            </li>
                            <li>
                                <label class="fl l-option">Q Q：</label><input type="text" class="fl ml10" placeholder="">
                            </li>
                            <li>
                                <label class="fl l-option">邮箱：</label><input name="userEmail" type="text" class="fl ml10" placeholder="">
                            </li>
                            <li class="but-li pl10"><input type="button" id="btn" class="green-but radius3 fs16 ml50" value="保存修改"></li>
                        </ul>
                    </div>
                    <div class="fr user-photo pr50 mr10">
                        <p class="photo"><img id="preview" src="img/photo.jpg" alt="" style="width: 140px;height: 180px"/></p>
                        <input type="button" onMouseMove="f.style.pixelLeft=event.x-60;f.style.pixelTop=this.offsetTop;"  value="更换头像" onClick="f.click()" class="edit_photo fs14 green radius3 mt10">
                        <input type="file"  onChange="txt.value=this.value" name="f" id="file_upload" class="files" size="1" hidefocus/>
                    </div>
                </form>
                <script>
                    var contain_userName=$("[name='contain_userName']").val();
                    $(function () {
                        $.ajax({
                            url:"user",
                            type:"post",
                            data:{"method":"contain_userInfo","contain_userName":contain_userName},
                            dataType:'json',
                            success:function (data){
                                $.each(data,function (index,k) {
                                    $("[name='userEmail']").val(k.userEmail);
                                    $("[name='telephone']").val(k.telephone);
                                })
                            }
                        });

                        $("#btn").click(function (){
                            $.ajax({
                                url:"user?method=UpdateContain_userInfo",
                                type:"post",
                                data:$("#frm").serialize(),
                                dataType:'json',
                                success:function (data){

                                }
                            })
                        })

                        $("#file_upload").change(function (){
                            var $file=$(this);
                            var fileObj=$file[0];
                            var windowUrl=window.URL||window.webkitURL;
                            var dataUrl;
                            var $img=$("#preview");

                            if(fileObj&&fileObj.files&&fileObj.files[0]){
                                dataUrl=windowUrl.createObjectURL(fileObj.files[0]);
                                $img.attr("src",dataUrl);
                            }
                        })
                    })
                </script>
            </div>

        </div>

    </div>
</div>
<!--/end-->

<!--footer star-->
<div class="footer clearfix">
    <div class="content clearfix">
        <div class="top clearfix">
            <div class="list clearfix fl box-s">
                <div class="part icon1 box-s">
                    <h3>专业</h3>
                    <p>拥有资深艺术顾问和先进交易平台，安全物流，快捷支付。</p>
                </div>
            </div>
            <div class="list clearfix fl box-s">
                <div class="part icon2 box-s">
                    <h3>保真</h3>
                    <p>阵容强大的艺术评鉴团，确保平台上的藏品货真价实。</p>
                </div>
            </div>
            <div class="list clearfix fl box-s">
                <div class="part icon3 box-s">
                    <h3>保值</h3>
                    <p>为您精选具备艺术价值的作品，助您的资产保值、增值。</p>
                </div>
            </div>
        </div>
        <div class="bottom clearfix">
            <div class="left clearfix fl">
                <div class="list clearfix">
                    <div class="shang clearfix">
                        <p>新手指南</p>
                        <span></span>
                    </div>
                    <div class="xia clearfix">
                        <ul>
                            <li><a href="scgmlc.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/scgmlc.html">商城购买流程</a></li>
                            <li><a href="cjwt.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/cjwt.html">常见问题</a></li>
                        </ul>
                    </div>
                </div>
                <div class="list clearfix">
                    <div class="shang clearfix">
                        <p>账户管理</p>
                        <span></span>
                    </div>
                    <div class="xia clearfix">
                        <ul>
                            <li><a href="zhcz.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/zhcz.html">账户充值</a></li>
                            <li><a href="zhtx.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/zhtx.html">账户提现</a></li>
                            <li><a href="zffs.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/zffs.html">支付方式</a></li>
                        </ul>
                    </div>
                </div>
                <div class="list clearfix">
                    <div class="shang clearfix">
                        <p>服务合作</p>
                        <span></span>
                    </div>
                    <div class="xia clearfix">
                        <ul>
                            <li><a href="friend-link.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/friend-link.html">友情链接</a></li>
                            <li><a href="ysjrz.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/ysjrz.html">艺术家入驻</a></li>
                        </ul>
                    </div>
                </div>
                <div class="list clearfix">
                    <div class="shang clearfix">
                        <p>关于我们</p>
                        <span></span>
                    </div>
                    <div class="xia clearfix">
                        <ul>
                            <li><a href="gsjj.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/gsjj.html">公司简介</a></li>
                            <li><a href="contact.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/contact.html">联系我们</a></li>
                            <li><a href="jrwm.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/jrwm.html">加入我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="list clearfix">
                    <div class="shang clearfix">
                        <p>售后服务</p>
                        <span></span>
                    </div>
                    <div class="xia clearfix">
                        <ul>
                            <li><a href="wlsm.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/wlsm.html">物流说明</a></li>
                            <li><a href="mzsm.html" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/mzsm.html">免责声明</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="middle clearfix fl">
                <ul>
                    <li><img src="ewm.jpg" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/upload/ewm.jpg"/></li>
                    <li><img src="ewm.jpg" tppabs="http://demo.mxyhn.xyz:8020/cssthemes6/1.27ZF11/upload/ewm.jpg"/></li>
                </ul>
            </div>
            <div class="right clearfix fr">
                <p class="bt">免费咨询热线：</p>
                <p class="tel">400-000-0000</p>
                <p class="fu-bt">(周一到周五8:00-22:00)</p>
            </div>
        </div>
    </div>
    <div class="banquan clearfix ta-center">
        Copyright © 2020檀卡文化(tankawenhua). All Rights Reserved.
    </div>
</div>
<!--footer end-->

</body>

</html>